$(document).ready(function () {
    var Imgurl = "http://cdn.xiaocong-media.com";
    //Daojishi();
    // 创建一个新的 Vue 实例
    var demo = new Vue({
        // DOM 元素，挂载视图模型
        el: '#main',
        // 定义属性，并设置初始值
        data: {
            active: 'home',
            Imgurl: Imgurl,
            Sku: '',
            Groom:'新郎'
        },
        mounted: function () {
            this.Sku ='2';// this.getQueryVariable("Sku");
            this.sessionUserId = this.getQueryVariable("sessionUserId");
            if (this.Sku == null || this.Sku == "") {
                window.history.back();
                return;
            } else {

                //用户信息
                //this.Userfun();
                this.Swiperfun(); //轮播
                this.ShareFun(); //分享函数
            }

        },
        // 点击菜单使用的函数
        methods: {
            makeActive: function (AlbumId) {
                // 模型改变，视图会自动更新
                window.location.href = "/Know/AlbumDec?AlbumId=" + AlbumId + "&SpreadId=1";
            },

            Userfun() {
                var sessionUserId = this.sessionUserId;
                axios.post('/Rush/GetNick', {
                    sessionUserId: sessionUserId
                }).then(resp => {
                    console.log(resp.data)
                    this.Nickname = resp.data.data[0].Nickname;
                    this.Headimgurl = resp.data.data[0].Headimgurl;

                }).catch(err => {
                    console.log('请求失败:' + err.status + ',' + err.statusText);
                });
            },
            Swiperfun: function () {
                var bannerSwiper = new Swiper('#banner', {
                    autoplay: true,//可选选项，自动滑动
                    loop: true,
                    slidesPerView: 'auto',
                    effect: 'cube',
                    cubeEffect: {
                        slideShadows: true,
                        shadow: true,
                    },
                    autoplay: {
                        disableOnInteraction: false
                    },
                    pagination: {
                        el: '.swiper-pagination',
                        type: 'fraction',
                        renderFraction: function (currentClass, totalClass) {
                            return '(<span class="' + currentClass + '"></span>' +
                                ' / ' +
                                '<span class="' + totalClass + '"></span>)';
                        },
                    },
        
                });
            },

            ShareFun: function () {
                var AppId = $("#AppId").val();
                var Timestamp = $("#Timestamp").val();
                var NonceStr = $("#NonceStr").val();
                var Signature = $("#Signature").val();
                wx.config({
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: AppId, // 必填，公众号的唯一标识
                    timestamp: Timestamp, // 必填，生成签名的时间戳
                    nonceStr: NonceStr, // 必填，生成签名的随机串
                    signature: Signature, // 必填，签名
                    jsApiList: ["checkJsApi", "onMenuShareTimeline", "onMenuShareAppMessage"] // 必填，需要使用的JS接口列表
                });
                var that = this;
                wx.ready(function () {
                    var Linkurl = $("#Linkurl").val();
                    //获取用户的昵称
                    var ProductName = that.ProductName;
                    var Nickname = that.Nickname;
                    var Headimgurl = that.Headimgurl;

                    that.Nickname = Nickname;
                    that.Headimgurl = Headimgurl;
                    var Imgurl = ""; // Headimgurl;
                    var BreakName = Nickname + "邀请您" + ProductName;
                    var BreakTitle = "";

                    //var linkstr = window.location.href.split('#')[0];
                    var linkstr = Linkurl + "/Rush/index?Sku=" + that.Sku + "&InvUser=" + that.sessionUserId;
                    wx.checkJsApi({
                        jsApiList: ['onMenuShareTimeline', "onMenuShareAppMessage", "showOptionMenu"], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                        success: function (res) {
                            console.log(res);
                            // 以键值对的形式返回，可用的api值true，不可用为false
                            // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                        }
                    });
                    //朋友圈
                    wx.onMenuShareTimeline({
                        title: BreakName, // 分享标题
                        desc: BreakTitle, // 分享描述
                        link: linkstr, // 分享链接
                        imgUrl: Imgurl,
                        success: function (res) {
                            // mui.toast("已分享！");
                        },
                        cancel: function (res) {
                            //mui.toast("已取消！");
                        },
                        fail: function (res) {
                            alert(JSON.stringify(res));
                        }
                    });

                    //朋友
                    wx.onMenuShareAppMessage({
                        title: BreakName, // 分享标题
                        desc: BreakTitle, // 分享描述
                        link: linkstr, // 分享链接
                        imgUrl: Imgurl, // 分享图标
                        type: '', // 分享类型,music、video或link，不填默认为link
                        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                        success: function () {
                            // 用户确认分享后执行的回调函数
                            // mui.toast("已分享！");
                        },
                        cancel: function () {
                            // 用户取消分享后执行的回调函数
                            //mui.toast("已取消！");
                        }
                    });

                });
                wx.error(function (res) {
                    //alert(res.data);
                    //alert('wx.error: ' + JSON.stringify(res));
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
                });
            },
           
            sendPost() {
                axios.post('/api/shallotknow.ashx?action=AlbumCfc&pageIndex=1&pageSize=10').then(resp => {
                    console.log(resp.data)
                    this.Cfc_Album = resp.data.cdrr.a_know_Classification;
                }).catch(err => {
                    console.log('请求失败:' + err.status + ',' + err.statusText);
                });
            },
            getQueryVariable: function (variable) {
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i = 0; i < vars.length; i++) {
                    var pair = vars[i].split("=");
                    if (pair[0] == variable) {
                        return pair[1];
                    }
                }
                return (false);
            }


        }
    });



});